<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:replace="common/base::pagetitle"></title>
    <link th:replace="common/base::static"/>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-field-box">
        <div class="layui-form" style="padding: 20px 30px 0 0;">
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" th:value="${editInfo.name}" lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">类型</label>
                <div class="layui-input-block" id="typeRadio">
                    <input type="radio" name="type" value="0" title="分类" autocomplete="off" class="layui-input" th:remove="${editInfo.type!=null&&editInfo.type!=0?'all':'none'}" th:checked="${editInfo.type==0}">
                    <input type="radio" name="type" value="1" title="角色" autocomplete="off" class="layui-input" th:remove="${editInfo.type!=null&&editInfo.type!=1?'all':'none'}" th:checked="${editInfo.type==null||editInfo.type==1}">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-inline">
                    <textarea name="remarks" th:text="${editInfo.remarks}" placeholder="请输入备注" autocomplete="off" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <input type="button" lay-submit="" lay-filter="kFormSubmit" id="kFormSubmit" value="确认添加">
                <input type="text" name="id" th:value="${editInfo.id}" placeholder="保存ID" autocomplete="off" class="layui-input">
                <input type="text" name="parentId" th:value="${editInfo.parentId}" placeholder="parentId" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>
</div>


<script th:replace="common/base::context"></script>
<script th:replace="common/base::mainjs"></script>
<script>
    layui.use(['form'], function () {
        var $ = layui.$, form = layui.form;

        var parentId = kvfKit.getUrlParam('parentId');

        //监听提交
        form.on('submit(kFormSubmit)', function(data){
            var field = data.field; //获取提交的字段
            field.parentId = parentId;  // 父级ID
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            log('field=', field);

            //提交 Ajax 成功后，关闭当前弹层并重载表格
            $.ajax({
                type: req.type.post,
                url: field.id ? api.sys.roleEdit : api.sys.roleAdd,
                data: field,
                async: false,
                success: function (r) {
                    if (r.code === req.status.ok) {
                        // 重载treegrid表格
                        parent.$('#kTreeGrid').treegrid('reload', {id: Number(parentId)});
                        parent.layer.close(index); //再执行关闭
                    } else {
                        kvfKit.errorMsg(r.msg);
                    }
                }
            });

        });

    })
</script>
</body>
</html>